<!doctype html>
<html lang="ko">

<head>
	<meta charset="utf-8">
	<meta name="format-detection" content="telephone=no" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
	<title>book</title>

	<link rel="stylesheet" href="../css/common.css" type="text/css"/>
	<link rel="stylesheet" href="../css/sub1.css" type="text/css"/>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
	<script src="../js/gev.js"></script>
</head>

<body>
	<section id="sub" class="gev">
		<header class="header">
			<div class="before_search">
				<div class="btn_side"><a href="javascript:void(0);"><img src="../images/common/btn_side.png" alt="" /></a></div>
				<h1><a href="javascript:void(0);"><img src="../images/common/h1_gev.png" alt="" /></a></h1>
				<div class="btn_search"><a href="javascript:void(0);"><img src="../images/common/btn_search.png" alt="" /></a></div>
			</div>

			<div class="after_search" style="display:none;">
				<div class="txt_search_wrap">
					<div class="txt_search_inner">
						<input type="search" class="txt_search" placeholder="search">
						<a href="javascript:void(0);" class="btn_all_search"><img src="../images/common/btn_all_search.png" alt="" /></a>
					</div>
				</div>

				<a href="javascript:void(0);" class="close_search"><img src="../images/common/btn_close_search.png" alt="" /></a>
			</div>
		</header>
		
		<section class="container">
			
			<header class="mypage_title">
				<div class="fix">
					<!--a href="javascript:void(0);" class="prev">뒤로가기</a-->
					<h3>마이페이지</h3>
				</div>

				<p>개인정보수정, 비밀번호 변경,<br />서비스 이용내역 등을 확인할 수 있습니다.</p>

				<a href="#none" class="btn_customer">고객센터</a>
			</header>
			
			<section class="mypage_tab">
				<div class="tab fix">
					<a href="javascript:void(0);" id="myuser" class="on"><span>아이디 찾기</span></a>
					<a href="javascript:void(0);" id="mypw"><span>비밀번호 찾기</span></a>
					<a href="javascript:void(0);" id="mycash"><span>캐시/골드 이용내역</span></a>
				</div>
				
				<div class="tab_contents">
					<div class="myuser tabs">
						<div class="desc">게볼루션 가입 시 기재한 이름과 이메일주소를 입력해주세요</div>

						<form action="#none">
							<ul>
								 <li class="input_id">
									<span class="input_area">
										<div class="fix">
											<em>아이디</em>
											<input type="text" name="id" id="member_id" class="input" value="" placeholder="">
										</div>

										<span class="warn" style="display:block;">영문,숫자로 정확히 입력해주세요.</span>
										<a href="javascript:void(0);" class="delete">지우기</a>
									</span>
								 </li>

								 <li class="input_nick">
									<span class="input_area">
										<div class="fix">
											<em>닉네임</em>
											<input type="text" name="id" id="member_nick" class="input" value="" placeholder="">
										</div>

										<span class="warn">영문,숫자로 정확히 입력해주세요.</span>
										<a href="javascript:void(0);" class="delete">지우기</a>
									</span>
								 </li>
								
								 <li class="input_email">
									<span class="input_area">
										<div class="fix">
											<em>이메일</em>
											<input type="email" name="email" id="member_email" class="input" value="" placeholder="">
										</div>

										<!--a href="javascript:void(0);" class="delete">지우기</a-->
										<span class="warn">영문,숫자로 정확히 입력해주세요.</span>
									</span>
								 </li>
							</ul>

							<div class="btn_submit">
								<div class="submit_confirm">
									<input type="submit" value="확인" />
								</div>

								<div class="submit_reset">
									<input type="reset" value="취소" />
								</div>
							</div>
						</form>
					</div>

					<div class="mypw tabs" style="display:none;">
						<div class="desc">게볼루션 가입 시 기재한 이름과 이메일주소, 사용중인 아이디를 입력해주세요</div>

						<form action="#none">
							<ul>
								 <li class="input_id">
									<span class="input_area">
										<div class="fix">
											<em>아이디</em>
											<input type="text" name="id" id="member_id" class="input" value="" placeholder="">
										</div>

										<span class="warn" style="display:block;">영문,숫자로 정확히 입력해주세요.</span>
										<a href="javascript:void(0);" class="delete">지우기</a>
									</span>
								 </li>

								 <li class="input_nick">
									<span class="input_area">
										<div class="fix">
											<em>닉네임</em>
											<input type="text" name="id" id="member_nick" class="input" value="" placeholder="">
										</div>

										<span class="warn">영문,숫자로 정확히 입력해주세요.</span>
										<a href="javascript:void(0);" class="delete">지우기</a>
									</span>
								 </li>
								
								 <li class="input_email">
									<span class="input_area">
										<div class="fix">
											<em>이메일</em>
											<input type="email" name="email" id="member_email" class="input" value="" placeholder="">
										</div>

										<!--a href="javascript:void(0);" class="delete">지우기</a-->
										<span class="warn">영문,숫자로 정확히 입력해주세요.</span>
									</span>
								 </li>
							</ul>

							<div class="btn_submit">
								<div class="submit_confirm">
									<input type="submit" value="확인" />
								</div>

								<div class="submit_reset">
									<input type="reset" value="취소" />
								</div>
							</div>
						</form>
					</div>

					<div class="mycash tabs" style="display:none;">
						<div class="category fix">
							<select>
								<option>카테고리</option>
							</select>
						</div>

						<div class="tb_list">
							<table cellspacing="0" cellpadding="0">
								<colgroup>
									<col class="col1" />
									<col class="col2" />
									<col class="col3" />
									<col class="col4" />
								</colgroup>
								<thead>
									<tr>
										<th>일자</th>
										<th>분류</th>
										<th>사용내역</th>
										<th>충전내역</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>2014.06.13</td>
										<td>캐시</td>
										<td>500,000</td>
										<td>500,000</td>
									</tr>
									<tr>
										<td>2014.06.13</td>
										<td>캐시</td>
										<td>500,000</td>
										<td>500,000</td>
									</tr>
									<tr>
										<td>2014.06.13</td>
										<td>캐시</td>
										<td>500,000</td>
										<td>500,000</td>
									</tr>
									<tr>
										<td>2014.06.13</td>
										<td>캐시</td>
										<td>500,000</td>
										<td>500,000</td>
									</tr>
								</tbody>
							</table>
						</div>
						
						<div class="paging">
							<div class="paging_inner">
								<a href="javascript:void(0);" class="prev"><span>이전</span></a>

								<span class="num">
									<strong class="current">6/</strong><em>10</em>
								</span>

								<a href="javascript:void(0);" class="next"><span>다음</span></a>
							</div>

							<div class="desc">사용 및 충전 내역은 최근 3개월 데이터만 확인할 수 있습니다.</div>
						</div>

					</div>
				</div>
			</section>
		</section>

		<footer class="footer">
			<div class="sitemap">
				<span class="mygev"><a href="#none">My 게볼루션</a></span>
				<span class="login"><a href="#none">로그인</a></span>
				<span class="pc"><a href="#none">PC버전</a></span>
			</div>

			<div class="corp">
				<a href="#none">회사소개</a><em>|</em>
				<a href="#none">이용약관</a><em>|</em>
				<a href="#none">개인정보 취급방침</a><em>|</em>
				<a href="#none">고객센터</a>
			</div>
			
			<div class="copyright">@ tapfunny Corporation. All Rights Reserved.</div>
		</footer>

		<section class="panel" id="panel">
			<!-- <div class="before_login">로그인 전-->
			<div class="after_login"><!-- 로그인 후-->
				
				<div class="info">
					<div class="login_info fix">
						<!--img src="../images/before_login.png" alt="" /-->
						<img src="../images/common/after_login.png" alt="" />
						<span class="nick">예삐냠냠.</span>
					</div>

					<a class="home" href="javascript:void(0);"><img src="../images/common/btn_home.png" alt="" /></a>
					<a class="close" href="javascript:void(0);"><img src="../images/common/btn_panel_close.png" alt="" /></a>
				</div>

				<div class="panel_list">
					<div class="common_list">
						<ul>
							<li class="login">
								<a href="#none">
									<span class="menu">로그아웃</span>
									<span class="arrow"></span>
								</a>
							</li>
							<li class="reg">
								<a href="#none">
									<span class="menu">my 게볼루션</span>
									<span class="arrow"></span>
								</a>
							</li>
						</ul>
					</div>

					<div class="menu_list">
						<h2>메뉴</h2>
						<ul>
							<li class="score">
								<a href="#none">
									<span class="menu">게임스코어</span>
									<span class="arrow"></span>
								</a>
							</li>
							<li class="online">
								<a href="#none">
									<span class="menu">온라인게임</span>
									<span class="arrow"></span>
								</a>
							</li>
							<li class="mobile">
								<a href="#none">
									<span class="menu">모바일게임</span>
									<span class="arrow"></span>
								</a>
							</li>
							<li class="community">
								<a href="#none">
									<span class="menu">커뮤니티</span>
									<span class="arrow"></span>
								</a>
							</li>
							<li class="event">
								<a href="#none">
									<span class="menu">이벤트</span>
									<span class="arrow"></span>
								</a>
							</li>
							<li class="customer">
								<a href="#none">
									<span class="menu">고객센터</span>
									<span class="arrow"></span>
								</a>
							</li>
						</ul>
					</div>
				</div>

			</div>

		</section>

		<div class="dimmed"></div>

	</section>
</body>
</html>